﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Create web page</title>
	<link href="CSSPositioning2Homework.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="container">
        <header>
            <h1>Music Categories</h1>
        </header>
        <section>
            <article class="article">
                <!--form name="myForm" method="post" action=""-->
	            <form>
                    <div class="imageBorder">
                        <img src="images1.png" class="image" alt="logo"/>
                    </div>
                    <p class="text1">Even more websites all about website templates on <strong>Just Web Templates.</strong></p>
                    <!--input type="button" name="" value="" alt="" onclick=".html"/-->
                    <input type="image" src="buttonAdd.png" class="buttonAdd" name="buttonAdd" value="Add" alt="Add" />
                    <input type="image" src="buttonListen.png" class="buttonListen" name="buttonListen" value="Listen" alt="Listen" />
                    <label for="buttonListen" class="labelButtonListen">Listen</label>
                    <label for="buttonAdd" class="labelButtonAdd">Add</label>
                    <!--p class="Listen">ListenP</p-->
                    <!--p class="Add">AddP</p-->             
                </form>
            </article>
            <article class="article">
                <!--form name="myForm" method="post" action=""-->
	            <form>
                    <div class="imageBorder">
                        <img src="images2.png" class="image" alt="logo"/>
                    </div>
                    <p class="text2">If you're looking for beautiful and professionally made templates you can find them at <strong>Template Beauty.</strong></p>
                    <!--input type="button" name="" value="" alt="" onclick=".html"/-->
                    <input type="image" src="buttonAdd.png" class="buttonAdd" name="buttonAdd" value="Add" alt="Submit" />
                    <input type="image" src="buttonListen.png" class="buttonListen" name="buttonListen" value="Listen" alt="Submit" />
                    <label for="buttonListen" class="labelButtonListen">Listen</label>
                    <label for="buttonAdd" class="labelButtonAdd">Add</label>
                    <!--p class="Listen">ListenP</p-->
                    <!--p class="Add">AddP</p-->             
                </form>
            </article>
            <article class="article">
                <!--form name="myForm" method="post" action=""-->
	            <form>
                    <div class="imageBorder">
                        <img src="images3.png" class="image" alt="logo"/>
                    </div>
                    <p class="text3">You can remove any link to our websites from this template you're free to use the template without linking back to us.</strong></p>
                    <!--input type="button" name="" value="" alt="" onclick=".html"/-->
                    <input type="image" src="buttonAdd.png" class="buttonAdd" name="buttonAdd" value="Add" alt="Submit" />
                    <input type="image" src="buttonListen.png" class="buttonListen" name="buttonListen" value="Listen" alt="Submit" />
                    <label for="buttonListen" class="labelButtonListen">Listen</label>
                    <label for="buttonAdd" class="labelButtonAdd">Add</label>
                    <!--p class="Listen">ListenP</p-->
                    <!--p class="Add">AddP</p-->             
                </form>
            </article>
        </section>
    </div>
</body>
</html>